<template>
  <div>
     <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple-dark">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item>申报中心</el-breadcrumb-item>
              <el-breadcrumb-item>公积金申报</el-breadcrumb-item>
            </el-breadcrumb>
          </div>
        </el-col>
     </el-row>
     <el-row>
     <div style="height:50px;width:100%"></div>
     <el-row :gutter="20">
       <el-col :span="20" :offset="0">
           <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="增员" name="first">增员</el-tab-pane>
            <el-tab-pane label="减员" name="second">减员</el-tab-pane>
            <el-tab-pane label="调基" name="third">调基</el-tab-pane>
          </el-tabs>
       </el-col>
    </el-row>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "reportac",
  data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
};
</script>

